<template>
	<u-swiper v-if="swiperList && swiperList.length" radius="0" circular autoplay indicator indicatorMode="dot"
		indicatorActiveColor="rgb(139,0,0)" :height="height" :keyName="keyName" :list="swiperList" @click="onClick">
	</u-swiper>
</template>

<script>
	export default {
		name: "MySwiper",
		props: {
			height: {
				type: String | Number,
				default: 130
			},
			swiperList: {
				type: Array,
				default () {
					return []
				}
			},
			keyName: {
				type: String,
				default: 'url'
			}
		},
		data() {
			return {

			};
		},
		methods: {
			onClick(index) {
				this.$emit('onClick', index)
			}
		}
	}
</script>

<style lang="scss">

</style>
